<template>
  <!-- 侧边栏菜单区域 -->
  <el-menu background-color="#333744" text-color="#fff" active-text-color="#ffd04b" :unique-opened="true" :router="true">
    <!-- 用户管理模块 -->
    <el-submenu index="1">
      <template slot="title">
        <i class="el-icon-user"></i>
        <span>用户管理</span>
      </template>
      <el-menu-item-group>
        <el-menu-item index="user_list">
          <template slot="title">
            <i class="el-icon-user-solid"></i>
            <span>用户列表</span>
          </template>
        </el-menu-item>
      </el-menu-item-group>
    </el-submenu>
    <!-- 数据处理模块 -->
    <el-submenu index="2">
      <template slot="title">
        <i class="el-icon-s-marketing"></i>
        <span slot="title">数据处理</span>
      </template>
      <!-- 数据处理的二级菜单 -->
      <el-menu-item-group>
        <!-- 温度菜单 -->
        <el-menu-item index="temperature">
          <template slot="title">
            <i class="iconfont icon--shidu"></i>
            <span>温度</span>
          </template>
        </el-menu-item>
        <!-- 湿度菜单 -->
        <el-menu-item index="humidity">
          <template slot="title">
            <i class="iconfont icon--wendu"></i>
            <span>湿度</span>
          </template>
        </el-menu-item>
      </el-menu-item-group>
    </el-submenu>
  </el-menu>
</template>

<script>
  export default{

  }
</script>

<style scoped>
</style>
